*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    cursor: pointer;
}
html,body{
  width: 100%;
  height: 100%;
}
body{
  min-width: 16rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.screen-title{
  position: relative;
  font-family: 黑体;
  font-size: 0.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.05rem;
  height: 7.5vh;
}
.screen-title>span{
  position: absolute;
  bottom:0;
  left: 50%;
  transform: translate(-50%,0);
}
.screen-data{
  padding: 0 0.94rem;
  font-size: 0;
}
.middle{
  position: relative;
  height: 85vh;
  /*background-color: #be3730;*/
}
.left{
  position: absolute;
  left: 0.94rem;
  top: 0.94rem;
  width: 25%;
}
.right{
  position: absolute;
  right: 0.94rem;
  top: 0.94rem;
  width: 25%;
}
.chart{
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/*盒子属性*/
.block-box{
    display: block;
}
.inline-box{
    display: inline;
}
.inline-block-box{
    display: inline-block;
}
/*字体大小*/
.xs-font{
    font-size: 0.14rem;
}
.s-font{
    font-size: 0.16rem;
}
.m-font{
    font-size: 0.18rem;
}
.l-font{
    font-size: 0.2rem;
}
.xl-font{
    font-size: 0.28rem;
}
.xxl-font{
    font-size: 0.3rem;
}
.xxxl-font{
    font-size: 0.6rem;
}
/*字体颜色*/
.primary-color{
    color: #0884EA;
}
.time-color{
    color: #3ea6d1;
}
.exit-color{
    color: #3ac6cb;
}
.white-color{
    color: #fff;
}
.tab-color{
    color: #52a5cc;
}
.thead-color{
    color:#18d9e3;
}
.gray-color{
    color: #a1c4f5;
}
/*字体位置*/
.center-text{
    text-align: center;
}
/*字体粗细*/
.bold-text{
    font-weight: bold;
}
.normal-text{
    font-weight: normal;
}
/*浮动*/
.float-left{
    float: left;
}
.float-right{
    float: right;
}
/*清除浮动*/
.clearfix{
    zoom:1;  /*兼容IE6*/
}
.clearfix:after{
    content:"";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}
